<LayoutTableSmall>
    <!-- 顶部 -->
    <template slot="top">cvaga</template>
    <!-- 其他 -->
    <template slot="other"></template>
    <!-- 搜索 -->
    <template slot="search">
        
        <el-form :inline="true" label-position="left" label-width="80px" :model="mixinTable_tableSearchData"
            @submit.native.prevent class="demo-form-inline">
        
            <el-form-item>
                <el-select v-model="mixinTable_tableSearchSenior.status.value" placeholder="请选择" @change="statusChange">
                    <!-- <el-option v-for="item in options" :key="item.id" :label="item.label" :value="item.id"></el-option> -->
                    <el-option label="全部" :value="0"></el-option>
                    <el-option label="等待审核" :value="1"></el-option>
                    <el-option label="审核通过" :value="2"></el-option>
                    <el-option label="审核失败" :value="3"></el-option>
                </el-select>
            </el-form-item>
            <!-- <el-form-item>
                <el-input clearable v-model="mixinTable_tableSearchData.name" placeholder="请输入分类名称"
                    @change="mixinTable_searchData" style="width:200px">
                    <el-button slot="append" icon="el-icon-search" @click="mixinTable_searchData()"></el-button>
                </el-input>
            </el-form-item> -->
        </el-form>
    </template>
    <!-- 功能 -->
    <template slot="function">
        <!-- <el-button type="primary" @click="editBoxOpen({type:'add'})">新增门店分类</el-button> -->
    </template>
    <!-- 表格 -->
    <template slot="table">
        <el-table v-loading="mixinTable_loading" :data="mixinTable_tableData" border style="width: 100%;" :ref="mixinPage_vueName+'TableSmall'" height="100%"
            @selection-change="mixinTable_handleSelectionChangeTableSmall">
            <!-- <el-table-column type="selection" width="50" align="center"></el-table-column> -->
            <el-table-column prop="id" label="id" width="60" align="center">
            </el-table-column>
            <!-- <el-table-column prop="thumb" label="分类图标" width="100" align="center">
                <template slot-scope="scope">
                    <ImageBox :src="scope.row.thumb" style="width: 50px;height: 50px;"></ImageBox>
                </template>
            </el-table-column> -->
            <el-table-column label="申请人" width="80px">
                <template slot-scope="scope">
                    <el-popover placement="right" width="300" trigger="click">
                        <div class="userBox">
                            <div class="icon">
                                <imageBox :src="scope.row.member.icon"></imageBox>
                            </div>
                            <div class="text">
                                <div class="name">{{scope.row.member.nickName}}</div>
                                <div class="id">ID:{{scope.row.member.memberCode}}</div>
                            </div>
                        </div>
                        <div slot="reference" class="userShow">
                            <div class="icon">
                                <imageBox :src="scope.row.member.icon"></imageBox>
                            </div>
                            <div class="el-icon-more more"></div>
                        </div>
                    </el-popover>
                </template>
            </el-table-column>
            
            
            <el-table-column prop="created_at" label="申请时间">
            </el-table-column>
            <el-table-column prop="status" label="状态">
                <template slot-scope="scope">
                    <div v-if="scope.row.status == 1">审核中</div>
                    <div v-if="scope.row.status == 2">审核通过</div>
                    <div v-if="scope.row.status == 3">审核失败</div>
                    <!-- <StateIcon :type="scope.row.status==0?'error':'success'"></StateIcon> -->
                </template>
            </el-table-column>
            <el-table-column label="操作" align="center" width="300">
                <template slot-scope="scope">
                    <!-- <template v-if="scope.row.status == 1"> -->
                        <el-button @click="details(scope.row)">详情</el-button>
                        <template v-if="scope.row.status == 1">
                            <el-button @click="examine(scope.row.id,2)">审核通过</el-button>
                            <el-button @click="examine(scope.row.id,3)">审核驳回</el-button>
                        </template>
                    <!-- </template> -->
                    
                </template>
            </el-table-column>

        </el-table>

    </template>
    <!-- 表格选项 -->
    <!-- <template slot="options">
        <el-button :disabled="mixinTable_selectTableData.length<=0" @click="mixinTable_selectTableDeleteData()">
            停用已选</el-button>
        <el-button :disabled="mixinTable_selectTableData.length<=0"
            @click="mixinTable_clearSelectionChangeTableSmall()">取消选择
        </el-button>
    </template> -->
    <!-- 分页 -->
    <template slot="page">
        <el-pagination class="paginationStyle" v-if="mixinTable_pageData.total>0" background
            @current-change="mixinTable_pagingData($event)" :current-page="mixinTable_pageData.pageNum"
            :page-size.sync="$vFN.Constants.pageSize" layout="total, prev, pager, next,jumper"
            :total.sync="mixinTable_pageData.total">
        </el-pagination>
    </template>
</LayoutTableSmall>